import React, {PropTypes, Component} from 'react';
import {Link, withRouter} from 'react-router-dom';

class UserPanel extends Component {
  render() {
    const {path} = this.props.match;
    return (
     <div className="user-panel">
        <div className="list-sty1">
          <div className="items">
            <Link to={'/user/charge/quick'}><div className="list-sty-icon"></div><p>充值</p></Link>
          </div>    
          <div className="items">
            <Link to={'/user/withdraw'}><div className="list-sty-icon"></div><p>提现</p></Link>
          </div>    
          <div className="items">
            <Link to={'/user/Transfer'}><div className="list-sty-icon"></div><p>转换</p></Link>
          </div>
        </div>

        <div className="list-sty2 margin-bottom-scroll">
          <ul>
            <li><Link to={path+ '/message/system'}><i></i><span>会员消息</span><span className="arrow-icon"><img src="./misc/images/userCenter/arrow-icon.png" alt="" /></span></Link></li>
          </ul>
          <ul>
            <li><Link to={path+ '/chargerecord'}><i className="icon-01"></i><span>充值记录</span><span className="arrow-icon"><img src="./misc/images/userCenter/arrow-icon.png" alt="" /></span></Link></li>
            <li><Link to={path+ '/withdraw/log'}><i className="icon-02"></i><span>提现记录</span><span className="arrow-icon"><img src="./misc/images/userCenter/arrow-icon.png" alt="" /></span></Link></li>
            <li><Link to={path+ '/transferlog'}><i className="icon-03"></i><span>转换记录</span><span className="arrow-icon"><img src="./misc/images/userCenter/arrow-icon.png" alt="" /></span></Link></li>
          </ul>
          <ul>
            <li><Link to={path+ '/order'}><i className="icon-04"></i><span>注单查询</span><span className="arrow-icon"><img src="./misc/images/userCenter/arrow-icon.png" alt="" /></span></Link></li>
          </ul>
          <ul>
            <li><Link to={path+ '/bankcard'}><i className="icon-08"></i><span>绑定银行卡</span><span className="arrow-icon"><img src="./misc/images/userCenter/arrow-icon.png" alt="" /></span></Link></li>
          </ul>
          <ul>
            <li> <Link to={'/user/info'}><i className="icon-05"></i><span>会员资料</span><span className="arrow-icon"><img src="./misc/images/userCenter/arrow-icon.png" alt="" /></span></Link> </li>
            <li><Link to={path+ '/modifypw/ModifyAccountPsw'}><i className="icon-06"></i><span>修改密码</span><span className="arrow-icon"><img src="./misc/images/userCenter/arrow-icon.png" alt="" /></span></Link></li>
            <li> <Link to={'/user/security'}><i className="icon-07"></i><span>安全信息</span><span className="arrow-icon"><img src="./misc/images/userCenter/arrow-icon.png" alt="" /></span></Link> </li>
          </ul>
          <ul>
            <li> <Link to={'/user/agent'}><i className="icon-09"></i><span>代理申请</span><span className="arrow-icon"><img src="./misc/images/userCenter/arrow-icon.png" alt="" /></span></Link> </li>   
          </ul>
        </div>

      </div>
    );
  }
};


export default withRouter(UserPanel);

